<template>
	<view class="detail">
		<view class="map">
			<image src="@/imgs/ditu.png"></image>
		</view>
		<view class="dai bg-white padding">待付款<view class="iconfont icon-right text-gray"></view></view>
		<view class="btn bg-white padding margin-bottom-sm">
			<button class="cu-btn lines-gray text-black" >再来一单</button>
			<button class="cu-btn lines-gray text-black margin-left margin-right" >取消</button>
			<button class="cu-btn bg-yellow text-white" >立即支付</button>
		</view>
		<Process></Process>
		<view class="list qy-bg-white margin-top-sm">
			<view class="li">
				<view class="li_m">服务类型</view>
				<view class="li_r"><view class="text-red">【中型货车】</view></view>
			</view>
			<view class="li">
				<view class="li_m">取货时间</view>
				<view class="li_r">
					<view class="">立即取货</view>
				</view>
			</view>
			<view class="li">
				<view class="li_m">订单编号</view>
				<view class="li_r">H12331242314</view>
			</view>
			<view class="li">
				<view class="li_m">备注</view>
				<view class="li_r">无</view>
			</view>
			<view class="li">
				<view class="li_m">支付方式</view>
				<view class="li_r">微信支付</view>
			</view>
			<view class="li">
				<view class="li_m">订单总价</view>
				<view class="li_r">30.00<view class="iconfont icon-tishi"></view></view>
			</view>
		</view>
		<view class="H70"></view>
		<view class="bottombtn">
			<button class="cu-btn bg-white text-yellow margin-left margin-right lg" ><span>回到首页</span></button>
			<button class="cu-btn bg-yellow text-white  margin-left margin-right lg " ><span>联系客服</span></button>
		</view>
	</view>
</template>

<script>
	import Process from '@/components/qy/process.vue';
	export default {
		data() {
			return {
				
			};
		},
		components:{
			Process
		}
	}
</script>

<style lang="scss">
.detail{
	.map{height: 250px;
		image{width: 100%;height: 250px;}
	}
	.dai{display: flex;justify-content: center;font-weight: 600;color: #000;font-size: 16px;
		.iconfont{padding-top: 4px;font-weight: 100;}
	}
	.btn{display: flex;justify-content: center;}
	.li{display: flex;border-bottom: 1px solid #F9F9F9;height: 50px;line-height: 50px;padding: 0 10px;
		.li_m{width: 90px;color: #A6A6AB;}
		.li_r{display: flex;}
	}
	.bottombtn{position: fixed;bottom: 0;left: 0;padding: 20px;background-color: #F1F1F1;width: 100%;display: flex;
	justify-content: center;
		span{padding: 0 10px;}
	}
	.H70{height: 80px;}
}
</style>
